
.icon-top {
  width: 100%;
  height: .44rem;
  line-height: .44rem;
  text-align: center;
  position: absolute;
  top: 0;
  background: #ffffff;
  .detail-title {
    display: inline-block;
    width: 2.25rem;
    margin: 0 .9rem 0 .6rem;
    font-size: .18rem;
    font-family: Helvetica Neue,Helvetica,STHeiTi,sans-serif;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.icon-top-index1 {
  z-index: 1;
  opacity: 0;
  transition: all 1.2s;
}
.icon-top-index2{
  z-index: 9;
  opacity: 1;
  transition: all 1.2s;
}

.detail-back-btn .back {
  position: absolute;
  left: 0;
  width: .45rem;
  height: .44rem;
  padding-left: .15rem;
}
.detail-back-btn .love {
  position: absolute;
  right:.4rem;
  width: .3rem;
  height: .44rem;
  padding: 0 .05rem 0 .05rem;

}
.detail-back-btn .share {
  width: .35rem;
  height: .44rem;
  position: absolute;
  right: 0;
}

.detail-back-btn {
  position: absolute;
  z-index: 10;
  //background: red;
  width: 100%;
  height: .44rem;
  line-height: .44rem;
}

// 详情页的介绍
.detail-s-wrap {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.detail-top {
  position: relative;
  margin-bottom: .15rem;
}
.detail-top-info {
  position: relative;
}
.detail-top-info img {
  display: block;
  width: 100%;
  height: 1.88rem;
}
.detail-top-info p {
  position: absolute;
  width: 100%;
  height: .23rem;
  text-align: center;
  line-height: .23rem;
  padding: 0 .15rem 0 .15rem;
  bottom: .7rem;
}

.detail-user {
  margin-top: .2rem;
  margin-bottom: .085rem;
}
.detail-user img {
  display: block;
  height: .47rem;
  width: .47rem;
  margin: 0 auto;
  border-radius: 50%;
}
.detail-user span {
  display: block;
  width: 100%;
  height: .12rem;
  line-height: .12rem;
  text-align: center;
  padding: .085rem .15rem;
  color: #666;
  font-size: .12rem;

}
.detail-caption {
  width: 100%;
  padding: 0 .2rem .1rem .2rem;
}
.detail-caption p {
  padding: .08rem .11rem;
  background: beige;
}

// 风景以及评价
.detail-img-list {
  width: 100%;
  padding: 0 .2rem;
}
.detail-img-item {
  padding-top: .1rem;
}
.detail-img-item img {
  width: 100%;
  height: 1.7066rem;
  margin-bottom: .1rem;
}
.detail-img-item .name-price {
  width: 100%;
  height: .24rem;
  line-height: .24rem;
}
.detail-img-item .view-name {
  float: left;
  color: cadetblue;

}
.detail-img-item .view-price {
  float: right;
  color: orange;
}

.detail-img-item .view-review {
  width: 100%;
  //height: .23rem;
  line-height: .23rem;
}

// 两个按钮
.detail-btn {
  width: 100%;
  padding: .15rem .1rem;
  .one-btn, .two-btn {
    width: .58rem;
    height: .26rem;
    margin-right: .1rem;
    background: #f5f5f5;
    color:black;
    border:none;
  }
}

//分割线
.detail-split {
  width: 100%;
  height:.1rem;
  background: #f5f5f8;
}

// detail footer
.detail-footer {
  width:100%;
  padding: 0 .1rem;
  margin-top: .15rem;
  .title {
    height: .21rem;
    width:100%;
    text-align: center;
    margin-top: .15rem;
  }
  .detail-footer-txt {
    width: 100%;
    height: .44rem;
    line-height: .44rem;
    border-bottom: 1px solid #eeeeee;
    font-size: .16rem;
  }
}



